page{
    background-color:#fff;
}
.actionMsg{
    .headerMsg{
        width:100%;
        height:100px;
        background-color:#fff;
        // border-bottom:solid 1px @fontPlaceholder;
        position: fixed;
        top:0px;
        box-shadow:0px 0px 0px 0.5px @fontPlaceholder;
        z-index:9;
    }
    .scrollWarp{
        position: absolute;
        top:100px;
        bottom:120px;
        width:100%;
        // background:yellow;
    }
    .footerAction{
        overflow: hidden;
        box-shadow:0 0 0 0.5px @fontPlaceholder;
        width:100%;
        height:120px;
        background-color:#fff;
        // border-top:solid 1px @fontPlaceholder;
        position:fixed;
        // overflow: hidden;
        bottom:0px;
        box-sizing: border-box;
        display:flex;
        align-items:center;
        justify-content: center;
        .action{
            box-sizing:border-box;
            height:100%;
            display: flex;
            align-items: center;
            text-align: center;
            justify-content: center;
            flex:1;
            position: relative;
            display: flex;
            
        }
        .action:active{
            background-color:#eee;
        }
        .action:first-child::after{
            content:"";
            display: block;
            width:1px;
            height:200%;
            top:-50%;
            right:0px;
            z-index:999;
            position: absolute;
            transform: scale(0.5);
            border-right:solid 1px @fontPlaceholder;
        }
    }

}